iframe {
  border: none;
}
.detailPage {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
}

.tail {
  opacity: 0;
}

.blank {
  position: fixed;
  width: 100%;
  height: 14vh;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 32;
}

.detailClose {
  position: fixed;
  width: 0.3rem;
  height: 0.3rem;
  background: url('/static/image/close.png') no-repeat;
  background-size: 100% 100%;
  opacity: 0.5;
  color: white;
  text-align: center;
  z-index: 33;
  cursor: pointer;
  right: 5%;
  top: 5%;
}

.detailClose:hover {
  transform: scale(1.2);
}

@media screen and (max-width: 780px) {
  .detailPage {
    position: relative;
  }
  .detailClose {
    right: 20%;
  }
}
